$(function () {
    layui.use('carousel', function () {
    //1、加载轮播模块
        let carousel = layui.carousel
        
    //1.1连接服务器 获取轮播图数据    
        $.ajax({
            url: '/api/swipers',
            success: function (res) {
                if (res.status === 0) {
                console.log(res)
                 let str='' 
                //遍历轮播图数组  
                res.data.forEach(item => {
                    str = `<li class="img-effect">
                    <a href="javascript:;">
                      <img src="${'http://192.168.151.67:8888/uploads/'+item.swiperimg}" alt="轮播图">
                    </a>
                  </li>`
                  $('#lunbotu').append(str)
                })
               
                //建造实例
                carousel.render({
                elem: '#kr_carousel'
                ,width: '720px' //设置容器宽度
                ,height:'300px'
                , arrow: 'hover' //始终显示箭头 
                ,interval:'1500'
                })              
                }
            }      
        })
    })
    //底部  合作伙伴 友情链接
    $.ajax({
        url: '/api/links',
        success: function (res) {
            if (res.status === 0) {
                console.log(res)
                let str=''
                res.data.forEach(item => {
                    str +=`<dd>
                    <a href="${item.linkurl}">
                      <img src="${'http://192.168.151.67:8888/uploads/'+item.linkicon}" alt="${item.linkname}">
                    </a>
                  </dd>`
                })
               $('.kr_collaborator').html(str) 
            }
        }
    })
    
    
    })